<template>
  <div>
    <h3>这是home子组件-中央事件总线实现父子、兄弟和跨级通信</h3>
    <com-a></com-a>
    <com-b></com-b>
    <com-c></com-c>
    <router-link to="/provide"
      >provide和inject实现组件父子通信和跨级通信（不能实现兄弟间通信）</router-link
    >
    <hr />
    <router-link to="/proxy">v-for循环事件委托的实现</router-link>
    <hr />
    <router-link to="/directives">自定义指令的生命周期钩子和参数</router-link>
    <router-view></router-view>
  </div>
</template>
<script>
import Coma from './subcomponents/Coma.vue';
import Comb from './subcomponents/Comb.vue';
import Comc from './subcomponents/Comc.vue';

export default {
  //  空vue实例+$emit+$on实现父子、兄弟和跨级元素间的通信
  components: {
    'com-a': Coma,
    'com-b': Comb,
    'com-c': Comc
  }
};
</script>
<style lang="less" scoped></style>
